@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; border: none; }
body { font: 12px/1.5em "Microsoft Yahei", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; background: #fff; }
img { border: 0; vertical-align: top; text-align: left; }
dl, dt, dd, ul, li, ol { list-style: none; }
/* 定位样式*/
.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.alignleft { text-align: center; }
.alignmiddle { vertical-align: middle; }
.table_box { margin: 0 auto; }
/* font&color*/
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
/* Links*/
a { outline: none; }
a img { border: 0px; text-decoration: none; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
/* 首页布局*/
.top,.navBox,.banner,.main,.footer,.mainBox,links{ min-width:1200px; margin:0 auto;}
.top{ background:url(../images/top.jpg) no-repeat center top; width:1200px; height:117px;}
.top a{ width:1200px; height:117px; display:block;}
.navBox{ background:#0396c7;height:40px; width:100%;}
.navBox ul{ width:1200px; margin:0 auto;}
.navBox ul li{ float:left; width:80px; text-align:center; font-size:14px; font-weight:bold; margin:0 20px;}
.navBox ul li a{ color:#ffffff;line-height:40px; display:block;}
.navBox ul li a:hover{ background:#ffff13; color:#1b5aa9;}
.mainBox{ width:100%;}
.mainBox_bj{ background:#eeeeee; margin:20px auto; padding-bottom:20px;}
.mainBox_wh{ width:1200px; margin:0 auto;}
.main_name{text-align:center;height:60px; padding-top:15px;}
.main_name dl dt{ color:#0396c7; font-size:24px; font-weight:bold; line-height:30px; }
.main_name dl dd{ color:#bbbbbb; font-size:18px; text-transform:uppercase; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.main_comL{ float:left; width:685px;}
.main_comL dl dt{ font-size:18px; font-weight:bold; height:60px; background:url(../images/hx.jpg) no-repeat left 25px;}
.main_comL dl dd{ color:#5a5a5a; width: 685px; height:196px; font-size:14px; line-height: 28px; overflow: hidden;}
.main_comL dl dd p{ color:#5a5a5a; width: 685px;/* height:196px;*/ font-size:14px; line-height: 28px; overflow: hidden;}
.main_comR{ float:right; width:470px; height:325px; border:1px solid #c0c0c0;}
.more{ height:38px; margin-top:15px;}
.more a{ background:#0396c7; width:128px; height:38px; display:block; text-align:center; line-height:38px; color:#ffffff;}
.more a:hover{ background:#ffff13; color:#1b5aa9;}

/*切换代码*/
#Tab1 { width: 1200px; height:470px; margin:0 auto; border:1px solid #c0c0c0; background:#f6f6f6;}
.Menubox1 {width: 207px;height: 470px; line-height: 43px; padding: 0; border-right: 1px solid #c0c0c0; background: #fff; float:left;}
.Menubox1 ul { margin: 0px; padding: 0px; }
.Menubox1 li { float: left; width: 207px; display: block; cursor: pointer; height: 45px; line-height: 45px;font-size: 14px; overflow: auto; border-bottom:1px solid #f6f6f6; color:#0396c7; text-align:center;}
.Menubox1 li.hover { color: #ffffff; background: #0396c7; }
.Contentbox1 { width:990px; margin-top: 10px; height: auto; float:right;}

.pros{ margin:10px 10px; float:left; background:#ffffff; width:220px;}
.pros a{ color:#000000;}
.pros a:hover{ color:#0396c7;}
.pros dl dt{ border-bottom:1px solid #dcdcdc;}
.pros dl dd{ width:190px; border-bottom:2px solid #dcdcdc; line-height:41px; height:41px; padding-left:10px; padding-right:20px; background:url(../images/jt.jpg) no-repeat right center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newBj{ background:url(../images/nbj.png) no-repeat center center ; height:380px;}
.newsList{ width:530px; margin:25px 20px 0 50px; border-bottom:1px solid #dcdcdc; float:left; padding-bottom:10px;}
.newsList a{ color: inherit;}
.newsList a:hover{ text-decoration:underline;}
.newsList ul{ float:left; width:60px; padding-top:20px;}
.newsList ul li{ color:#dcdcdc; text-align:center;}
.day{ font-size:48px; padding-bottom:15px;}
.year{ font-size:14px;}
.newsList dl{ float:right; width:450px;}
.newsList dl dt { color:#000000; font-size:14px; line-height:30px; width:450px; height:30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight:bold;}
.newsList dl dd{ color:#686868; line-height:24px; height:48px; overflow:hidden;}
.comHon{ width:1200px; margin:0 auto;}
.comHon ul li{ float:left; width:250px; height:175px; margin:0 24px;}
.comHon ul li a{ border:1px solid #cccccc;}
.comHon ul li a:hover{ border:1px solid #0396c7;}
.footer{ width:1200px; margin:20px auto 0 auto;}
.footerL{ float:left; width:660px;}
.footerL a{ color:#999;}
.footerL a:hover{ text-decoration:underline;}
.footerL dl dt{ font-size:24px; font-weight:bold; color:#0396c7; height:40px; line-height:40px;}
.footerL dl dd{ line-height:24px; color:#686868;}
.footerR{ float:right; width:290px;}
.footerR ul{ float:left; width:135px; margin-right:10px; margin-top:100px;}
.footerR ul li{ text-align:center;}
.links{ width:100%; background:#0396c7; height:auto; min-height:40px; line-height:40px; margin-top:10px;}
.links ul{ width:1200px; margin:0 auto;}
.links ul li{ float:left; padding-right:10px;color:#ffffff;}
.links ul li a{ color:#ffffff;}
.links ul li a:hover{ text-decoration:underline;}

/*客服代码*/
.main-im{position:fixed;right:10px;top:200px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}


/*关于国茂*/
.subNav_com{ width:100%;height:60px;  border-bottom:1px solid #cccccc; margin:0 auto 20px auto;}
.subNav_com ul{ margin:0 auto; width:1200px;}
.subNav_com ul li{ float:left; width:110px; text-align:center; line-height:60px; font-size:18px; margin-right:10px;}
.subNav_com ul li a{ color:#000000;}
.subNav_com ul li a:hover{ color:#0396c7; }
.subNav_hx{ border-bottom:2px solid #0396c7;}
.subNav_up:link, .subNav_up:visited {color:#0396c7;}
.subNav_up:hover, .subNav_up:active {color:#0396c7;}
.comCon{ margin:0 auto; width:1200px;}
.comCon dl dt{ font-size:40px; line-height:60px; }
.comCon dl dd{ font-size:16px; line-height:30px;}
.comCon dl dd img{ max-width:1200px; height:auto;}
.colCon{ color:#999; text-transform:uppercase; }
.comBott{ margin-bottom:20px;}
.listNew{ width:200px; margin:20px auto;}
.listNew dl dt{ background:#333; color:#fff; font-size:16px; font-weight:bold; height:40px; border-radius:3px; line-height:40px; text-align: right;padding-right:20px;}
.listNew dl dd{ height:30px; line-height:30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.listNew dl dd a{ color:#666;}
.listNew dl dd a:hover{ color:#02acc5; text-decoration:underline;}

/*产品展示*/
.breadcrumbs{ width:1200px; height:13px; padding:20px 0;color:#797979; margin:0 auto;}
.breadcrumbs a{ color:#797979;}
.breadcrumbs a:hover{ text-decoration:underline;}
.footerBj{ border-top:1px solid #eeeeee;}
.centL{ float:left; width:200px; height:auto;}
.subNav{width:200px; margin-bottom:20px; text-align:right;}
.subNav dl dt{ color:#ffffff; font-size:16px; font-weight:bold; background:#0396c7; height:40px; line-height:40px; padding-right:20px; border-radius:3px;}
.subNav dl dd{ margin:7px 0;line-height:28px;}
.subNav dl dd a{ color:#666; border-right:3px solid #0396c7; padding-right:10px; }
.subNav dl dd a:hover{ color:#0396c7;  border-right:3px solid #eeeeee;}
.centR{ float:right; width:970px; height:auto;}
.centR dl dt{ font-size:24px; font-weight:bold; text-align:center; border-bottom:1px dashed #eeeeee; padding-bottom:10px; line-height:34px; margin-bottom:10px;}
.centR dl dd{ font-size:14px; line-height:28px;}
.centR dl dd img{ max-width:970px; height:auto;}
.proLists{ width:970px; float:right; height:auto;}


/*翻页代码*/ 
.jogger { margin:0 auto; padding-top:20px; padding-bottom:20px;}
.jogger a { padding:0.5em 0.64em 0.43em 0.64em; margin: 2px; color: #000; background:#fff; text-decoration:none; border:1px solid #c9c9c9;}
.jogger a:hover {  color: #ffffff;  background:#0396C7; }
.jogger a:active { color: #ffffff;  background:#0396C7; }
.jogger span.current { padding:0.5em 0.64em 0.43em 0.64em; margin: 2px; color: #ffffff;  background: #02acc5;  border:1px solid #0396C7;}

/*联系方式*/
.sereCont{ width:1200px; margin:0 auto;}
.contLeft{ float:left; width:440px; height:auto;}
.contLeft p{ font-size:26px; height:50px; line-height:50px;}
.contLeft dl{ font-size:14px; line-height:28px; border-bottom:1px solid #e5e5e5; padding-bottom:10px; padding-top:10px;}
.contLeft dl dt{ color:#02acc5; height:20px;}
.contLeft dl dd{ color:#343434; height:auto; padding-top:5px;}
.contMap{ width:730px; height:500px; float:right;}

/*留言版*/
.oneMes_l{ float:left; width:400px; height:500px;}
.oneMes_l label{ float:left; font-size:14px; height:20px; color:#999;}
.oneMes_l label span{ text-align:left; width:120px; padding-right:15px;}
.oneMes_l textarea{ border:1px solid #CCC; width:300px; height:100px; padding:5px; border-radius:3px;}
.oneMes_input{ float:left; border:1px solid #CCC; width:300px; height:20px; padding:5px; border-radius:3px; margin-bottom:20px;}
.Submit{ background:#0396c7; font-size:14px; font-weight:bold; width:128px; height:38px; display:block; text-align:center; line-height:38px; color:#ffffff; margin:10px 0 0 130px; cursor: pointer;}
.messText{ width:100%; height:40px; line-height:40px; color:#02acc5; font-size:18px; border-bottom:2px solid #eee;}
.oneMes_r{ float:right; width:730px; height:500px; border:1px solid #eee; padding:10px;}
.oneMes_r ul{ width:inherit; border-bottom:1px dashed #E3E3E3; height:auto; display:table;}
.oneMes_r ul li{ line-height:24px;}
.comCl{ color:#999;}
.reply{ color:#02acc5;}

/*新闻列表*/
.comT{ text-align:center;}
.newsList_sub{ width:970px; margin:0 20px 0 50px; border-bottom:1px solid #dcdcdc; float:left; padding-bottom:10px;}
.newsList_sub a{ color: inherit;}
.newsList_sub a:hover{ color:#02acc5; text-decoration:underline;}
.newsList_sub ul{ float:left; width:60px; padding-top:20px;}
.newsList_sub ul li{ color:#dcdcdc; text-align:center;}
.day{ font-size:48px; padding-bottom:15px;}
.year{ font-size:14px;}
.newsList_sub dl{ float:right; width:890px;}
.newsList_sub dl dt { color:#000000; font-size:14px; line-height:30px; width:450px; height:30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight:bold;}
.newsList_sub dl dd{ color:#686868; line-height:24px; height:48px; overflow:hidden;}


#current{background:#ffff13; color:#1b5aa9;}
.articlebook{padding-top: 15px;border-top: 1px dashed #EEEEEE;margin-top: 15px;}
.articlebook h2{font-size: 14px;font-weight: normal;line-height: 20px;}
.articlebook h2 a{color: #0396C7;}
.articlebook h2 strong{color: #999;font-weight: normal;}

.pagination{margin: auto;display: block;}
.pagination li{width: auto;display: inline-block;}
.pagination li a{display: inline-block;}
.pagination .current{color: #ffffff;  background:#0396C7;}